html, body {
    width: 100%;
    height:100%;
    background-color: #EEEEEE;

}
body{
    width: 100%;
    min-height: 95%;
}
#banner{
    width: 100%;
    display: table;
    position: relative;

}
#banner #bk{
    display:block;
    width:100%;
}
#banner #qr1{
    display:block;
    position: absolute;
    top: 65.9%;
    right:8.5%;
    width:15%;
}
#banner #ql1{
    display:block;
    position: absolute;
    top: 65.9%;
    right:59.4%;
    width:15%;
}
#banner #qr2{
    display:block;
    position: absolute;
    top: 8.9%;
    right:25.5%;
    width:16%;
}
#banner #ql2{
    display:block;
    position: absolute;
    top: 8.9%;
    right:57.4%;
    width:16%;
}
.kf {
    width:100%;
    margin: 30px auto;
    text-align: center;
}
.kf img{
    width:30%;
    margin: 20px;
}
.kf input{
    width:30%;
    margin: 4px 20px;
    text-align: center;
}
.cat {
    width:100%;
    margin: 30px auto;
    text-align: center;
}
.cat img{
    width:22%;
    margin: 5px;
}
.spec {
    width:100%;
    margin: 30px auto;
    text-align: center;
}
.spec img{
    width:30%;
    margin: 5px;
}

footer {
    width:100%;
    margin: 30px auto;
    text-align: center;
}
footer img{
    width:42%;
    margin: 5px;
}

p {
    font-size:28px;
    margin:0 auto;
    width:100%;
    text-align: center;
}
#downAnd {
    position: absolute;
    top: 77%;
}
#downIos {
    position: absolute;
    top: 88%;
}
a{
    color:#ffd722;
}
@media screen and (max-width: 1200px) {
    .cat img{
        width:40%;
        margin: 5px;
    }
    footer img{
        width:85%;
    }
}